<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:p="http://primefaces.org/ui">

<f:view contentType="text/html">
 
 	<!-- This methods defined in head HTML tag -->
    <h:head>    
    	<title><h:outputText value="#{recursosDeMensaje.titulo}"/></title>
		<meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
				
		<!-- Stylesheet import. -->
		<h:outputStylesheet name="logueo.css" library="css" />
    </h:head>
 
    <body>
    
		<!-- Contents -->
		<div id="DivLoginHeadMain">
			<div id="DivLoginHeadContent">
				<table width="778" border="0" cellspacing="0">
					<tr>
						<td><p:graphicImage value="resources/imagenes/comun/header_bg.gif" width="778"/></td>				
					</tr>
				</table>
			</div>		
		</div>
		<div id="DivLoginBodyContent">
			<div id="DivLoginBody">
			  	<div id="DivLoginBodyL">
			  		<table width="500px" border="0">
			  			
			  			<tr>
				  			<td colspan="2">
				  				<a href="#" target="_blank"> 
	        						<p:graphicImage value="resources/imagenes/logueo/docencia.jpg" style="border: 0px;"/> 
	        					</a>  
			  				</td>
			  			</tr>
			  			
			  		</table>			  		
			  	</div>
			  	<div id="DivLoginBodyR">
				  	<h:form id="FormularioLogueo">	
	  		
				  		<table border="0">
				  			<tr>
				  				<td colspan="3" align="center">
				  					<!-- <p:graphicImage value="resources/imagenes/logueo/loguear.png" /> -->
				  				</td>
				  			</tr>
				  			<tr>
				  				<td width="40px"/>
				  				<td width="70px"/>
				  				<td/>		  							  				
				  			</tr>
				  			<tr>
				      			<td colspan="3" height="58px"><p:messages id="response" globalOnly="true" showDetail="true"/></td>
				      		</tr>
				  			<tr>
				  				<td><p:message for="usuario" display="icon" /></td>
				  				<td><h:outputLabel value="Usuario:" for="usuario"/></td>	
				  				<td><p:inputText id="usuario" required="true" size="30" value="#{controladorInicio.usuario}" /></td>			  								  				
				  			</tr>			  			
				  			<tr>
				  				<td><p:message for="clave" display="icon"/></td>
				  				<td><h:outputLabel value="Clave:" for="clave"/></td>
				  				<td><p:password required="true" id="clave" size="30" value="#{controladorInicio.clave}"/></td>			  								  				
				  			</tr>
				  			<tr>
				  				<td height="5px" colspan="3"/>			  				
				  			</tr>
				  			<tr>
				  				<td/>
				  				<td></td>
				  				<td><input type="checkbox" name="rememberme" id="rememberme"/>Recordar mi usuario</td>			  								  				
				  			</tr>
				  			<tr>
				  				<td/>
				  				<td></td>
				  				<td><input type="checkbox" name="rememberpass" id="rememberpass"/>Recordar mi clave</td>			  								  				
				  			</tr>
				  			<tr>
				  				<td height="5px" colspan="3"/>			  				
				  			</tr>
				  			<tr>
				  				<td colspan="2"/>
				  				<td><h:commandButton image="resources/imagenes/logueo/boton_logueo.png" action="#{controladorInicio.logueo}"/></td>
				  			</tr>
				  			
				  		</table>
				  	</h:form>
			  	</div>			  	
			  	<div class="clear"></div>			  	
			</div>
		</div>
		
		<div id="DivLoginBodyFooter">
		  	&nbsp;
		</div>
		
		<div id="DivLoginFooter1">
		  	<table width="100%">
				<tr>
					<td align="right">
						<!-- <p:graphicImage style="border:0" value="resources/imagenes/comun/agrimpex.png" /> -->
					</td>
				</tr>
			</table>
		</div>
		
		<div id="DivLoginFooter2">
		  	<table width="100%">
				<tr>
					<td width="50%" align="left" class="FooterLetter">Copyright © 2014 MINEDU - Todos los derechos reservados</td>
					<td width="50%" align="right" class="FooterLetter"><a href="mailto:priospino@gmail.com">Contactar MINEDU</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://www.minedu.gob.pe/" target="_blank">Sobre MINEDU</a></td>
				</tr>
			</table>
		</div>
	   	
		<h:outputScript>
			document.getElementById("FormularioLogueo:usuario").focus();
		</h:outputScript>
	</body>
</f:view>
</html>